<template>
  <div>
    <el-dialog
      custom-class="popup-success"
      :visible.sync="show"
      :show-close="false"
      :close-on-click-modal="false"
    >
      <div class="dialog6">
        <div class="dialog-bd form-box">
          <div class="title">
            <img class="ico1" :src="cover" v-show="cover" />
            <h3>{{ title }}</h3>
          </div>
          <p class="text-imp">{{ desc }}</p>
          <div class="btn-area">
            <button type="primary" class="btn btn-find" @click="$emit('cancel')">{{ btnText }}</button>
          </div>
          <div class="tips">{{ tips }}</div>
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: {
    // 显示隐藏
    show: {
      type: Boolean,
      default: false,
    },
    // 图标
    cover: {
      type: String,
      default:
        'https://mfgj.oss-cn-beijing.aliyuncs.com/upload/20211112/465fe056f9ec4cce8ea86fb3d738436c.png',
    },
    // 标题
    title: {
      type: String,
      default: '预约成功',
    },
    // 描述
    desc: {
      type: String,
      default: '您已成功预约，稍后楼盘管家与您联系，请保持手机畅通~',
    },
    // 按钮名
    btnText: {
      type: String,
      default: '我知道了',
    },
    // 备注
    tips: {
      type: String,
      default:
        'Tips：稍后将电话联系您，请保持手机通畅。为保障您的服务体验，通话过程将会有录音',
    },
  },
}
</script>